<!DOCTYPE html>
<html>
	<head>
    	<title><!TITLE></title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript">
                $(function() {
                        $("#notWorking a").click(function() {
                                $("#notWorking").html("Unfortunately, some browsers (namely, Opera and Firefox) don't support the MPEG-4 video format for embedding. Old versions of browsers also may not be able to view the embedded video. You should use Google Chrome or Safari to view these files if you want to view the embedded video. The video in this folder will still work, you just won't be able to view it here.");
                        });
                });
        </script>
    	<style type="text/css">
			body {
				background-color: #CCC;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#content {
				background-color: white;
				width: 512px;
				
				margin-left: auto;
				margin-right: auto;
				
				margin-top: 20px;
				
				padding: 20px;
			}
			
			#videoHolder {
				text-align: center;
				margin: 0px;
			}
			
			video {
				max-width: 512px;
				margin: 0px;
				margin-bottom: 15px;
			}
			
			p.center {
				text-align: center;
			}
			
			h1 {
				margin: 0px;
				padding: 5px;
				
				background-color: #CCC;
				color: #000;
				
				font-size: 14px;
				text-align: center;
				
				margin-bottom: 5px;
			}
			
			h2 {
				margin: 0px;
				padding: 5px;
				
				background-color: #CCC;
				color: #000;
				
				font-size: 12px;
				text-align: center;
				
				margin-bottom: 5px;
			}
			
			#footer {
				text-align: center;
				font-size: 10px;
				margin: 0px;
			}
			
			a {
				color: #666;
				text-decoration: none;
			}
			
			a:hover {
				background-color: #CCC;
			}
			
			table.info {
				width: auto;
				font-size: 12px;
			}
			
			table.info th {
				text-align: right;
				width: 120px;
				vertical-align: top;
			}
			
			table.info td {
				text-align: left;
				vertical-align: top;
			}

			#notWorking {
				text-align: center;
				font-size: 12px;
				margin: 0px;
                                margin-bottom: 1em;
			}
		</style>
    </head>
    
    <body>
    	<div id="content">
            <h1><!VIDEO_TITLE></h1>
            <p id="videoHolder">
                <video src="<!VIDEO_FILE>" controls>
                    Viewing videos requires a browser supporting HTML5 video embedding. Try upgrading to the latest version of your browser.
                </video>
            </p>
            
            <p id="notWorking">
                <a href="#">Video not working?</a>
            </p>
            
            <!INFO>
            <hr />
            <p id="footer">Generated by <a href="http://backup-tube.googlecode.com/">BackupTube</a> <!CLIENT_TYPE> client v<!CLIENT_VERSION> on <!GEN_DATE>.</p>
        </div>
    </body>
</html>